<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>社区</title>
		<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/reset.css" />
		<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/shequ.css" />
		<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_400457_vapvxk8ci8uxr.css"/>
		<link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/shop/css/font-icon.css"/>
		<script src="{:_SKIN}/weixin/shop/js/swiper-3.4.2.jquery.min.js"></script>
		<script src="{:_SKIN}/weixin/shop/js/swiper-3.4.2.min.js"></script>
		<style>
			.clear { clear: both}
		</style>
	</head>
	<body>
		<div class="content" >
			<!--头部-->
			<div class="shop-0">
				<div class="xw_90">
					<a href="javascript:history.go(-1)">
						<i class="iconfont icon-fanhui zuo bai font_20"></i>
					</a>
					<h2 class="neilian">社区</h2>
					<a href="#">
						<i class="iconfont icon-shouye you bai font_20"></i>
					</a>
				</div>
			</div>
			<!--底部-->

			{include file="file/foot"}

			<!--搜索框-->
			<div class="shop-2">
				<input type="text" id="serch" placeholder="请输入关键词" class="weui-search-bar__input"/>
			</div>
			
			<!--轮播图-->
			<div class="shop-3">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/shop-lunbo.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/shop-lunbo.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/shop-lunbo.png" /></a>
						</div>
					</div>
				</div>
			</div>
			<script>
				var mySwiper = new Swiper('.swiper-container', {
					autoplay: 5000, //可选选项，自动滑动
					autoplayDisableOnInteraction: false,
				})
			</script>	
			
			<!--九宫格-->
			<div class="shop-4">
				<ul class="xd">
					<a href="#">
						<li>
							<img src="{:_SKIN}/weixin/shop/img/techan.png" />
							<p>社区商家</p>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="{:_SKIN}/weixin/shop/img/tegong.png" />
							<p>产品货源</p>
						</li>
					</a>
					<a href="{:url('so9')}">
						<li>
							<img src="{:_SKIN}/weixin/shop/img/jiufu.png" />
							<p>搜禾九福</p>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="{:_SKIN}/weixin/shop/img/zhoubian.png" />
							<p>周边服务</p>
						</li>
					</a>
				</ul>
				<div style="clear: both;"></div>
			</div>
			<!--社区店推荐-->
			<div class="shop-5">
				<h3>|&nbsp;社区店推荐</h3>
				<a href="#">更多<i class="iconfont icon-gengduo font_12"></i></a>
			</div>
			<!--推荐内容-->
			<div class="ly-1">
				<div class="swiper-container swiper-container-horizontal">
					<div class="swiper-wrapper">


                  {volist name="buslist" id="v"}
                       <a href="{:url('business',['id'=>$v['ID']])}">
						<div class="swiper-slide" style="width: 118px; margin-right: 30px;"><img src="{$v.LogoImage}" width="100" height="100" /><p>{$v.Name}</p></div>
					   </a>
				 {/volist}

						
					</div>
					<!-- Add Pagination -->
					
				</div>
				
			</div>
			<script>
				var swiper = new Swiper('.ly-1 .swiper-container', {
					pagination: '.swiper-pagination',
					slidesPerView: 3,
					paginationClickable: true,
					spaceBetween: 20
				});
			</script>
			<!--热卖产品-->
			<div class="shop-5">
				<h3>|&nbsp;热卖产品</h3>
				<a href="#">更多<i class="iconfont icon-gengduo font_12"></i></a>
			</div>
			<!--产品内容-->
			<div class="shop-7" style="height: auto">
				<ul>


					{volist name="prolist" id="v"}
					<a  href="{:url('product',['id'=>$v['ID']])}">
					<li>
						<div class="zuo t1">
							<img src="{$v.DefaultImage}" class="caomei">
						</div>
						<div class="you t2">
							<h3 class="pp2">{$v.Name}</h3>
							<p class="mt_8">
								<i class="iconfont icon-ruhegoumai goumai"></i>
								<span class="xd s5 hui">20</span>
								<i class="iconfont icon-huaban shoucang mt-zuo_10"></i>
								<span class="xd s5 hui">100</span>
							</p>
							<div class="mt_8">
								<span class="hui">店铺：{$v.Business}</span>
							</div>
							<p class="mt_8">
								<span class="hong font-16">¥{$v.Price}</span>

							</p>
						</div>
					</li>
					</a>

					{/volist}

					<div style="clear: both;"></div>
				</ul>
			</div>
		</div>
<div style="clear: both;height: 80px;">　</div>
	</body>
</html>
